page-order-details
{
  // 头部
  .order-details-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  .order-details-section
  {
    background-color: $office-page-background;

    // 内容页面
    .scroll-content
    {
      border: 0;
      background-color: $office-page-background;

      // 借款/还款明细
      .borrow-items
      {
        margin-top: px2rem(38);
        border-top: px2rem(1) solid $office-border-color;
        background-color: $office-white;
        padding: 0 px2percent(28);
        >div
        {
          font-size: px2rem(30);
          color: $office-light-black-six;
          margin-top: px2rem(17);
          height: px2rem(60);
          line-height: px2rem(60);
        }
        ul
        {
          padding-bottom: px2rem(18);
          li
          {
            height: px2rem(50);
            line-height: px2rem(50);
            color: $office-light-black-nine;
            font-size: px2rem(26);

            >div{float: left;}
            >p{float: right;margin: 0;}

            @include clear-before;
          }
        }
      }

      .give-back-items
      {
        @extend .borrow-items;
        margin-top: 0;
        //border-bottom: 1px solid $office-border-color;
      }

    }
  }
}


